<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initialscale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
 <div id="app">
     <div v-for="user in userList">
         {{user.name}}---{{user.age}}
     </div>
 </div>
 <script src="vue.min.js"></script>
 <script src="axios.min.js"></script>
 <script>
        new Vue({
        el: '#app',
        data: {
            userList:[]
        },
        created() {
            this.getUserList()
        },
        methods: {
            getUserList() {
                axios.get("data.json")
                    .then(response => {
                        // console.log(response)
                        this.userList = response.data.data.items
                        console.log(this.userList)
                    })
                    .catch(error => {
                        console.log(error)
                    })
            }
        }
        })
 </script>
</body>

</html>